nodejs(npm)でvueをインストール.js全過程

1963 ワード
一、開発環境
vue推奨開発環境:
Node.js:javascript実行環境(runtime)で、異なるシステムが各種プログラミング言語を直接実行します.
npm:Nodejsの下にあるパッケージマネージャ.
Webpack:CommonJSの構文で、リソースのマージやパッケージングなど、すべてのブラウザ側がパブリッシュする必要がある静的リソースを準備するのが主な用途です.
vue-cli:ユーザーはVueエンジニアリングテンプレートを生成します.
二、環境構築
nodeをインストールします.js:
  • node.js公式サイトはnodeをダウンロードしてインストールして、インストールの過程はとても簡単です.
  • npmバージョンは3.0より大きい必要があります.このバージョンより低い場合はアップグレードする必要があります.
    • #     
$ npm -v
2.3.0

#   npm
cnpm install npm -g

    3.nodeに基づく.jsは,淘宝npmミラーインストールに関連する依存性を利用する.国内でnpmを使うのは遅いので、ここではタオバオNPMミラー(http://npm.taobao.org/) 
    $ npm install -g cnpm --registry=https://registry.npm.taobao.org

    完了すると、npmの代わりにcnpmを使用して依存パッケージをインストールできます.
    三、vue-cli足場構築ツールのインストール
    必要なテンプレートフレームワークの構築を支援するグローバルvue-cli足場のインストール
    $ cnpm install -g vue-cli
#   ，    ...
$ vue
#   ，   vue

    四、vue-cliでプロジェクトを構築する
    #        webpack       
$ vue init webpack my-project
#           ，      
This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project
? Project description A Vue.js project
? Author runoob 
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

   vue-cli · Generated "my-project".

   To get started:

     cd my-project
     npm install
     npm run dev

   Documentation can be found at https://vuejs-templates.github.io/webpack

    五、設置依存
    cmdで
    1).  ：cd my-project（   ），  ，          

2).  ：cnpm install，  ，

    プロジェクトフォルダに戻ると、プロジェクト構造にnodeが1つ増えていることがわかります.modulesフォルダ(このファイルの内容は以前にインストールされた依存です).
    六、テスト環境が成功したかどうか
    方法1:cmdに入力:npm run dev
    方法2:ブラウズに入力:http://localhost:8080(デフォルトポートは8080)
    回転:http://blog.csdn.net/haoaiqian/article/details/72453286
    HTMLとPHPを使用したファイルのアップロード
    AWS Amplifyを使用して次のプロジェクトを配備(SSR)