Node14.15.1グリーンバージョンの構成、およびプロジェクトの初期化と起動

1.公式サイトからダウンロード

https://nodejs.org/zh-cn/download/

2.インターフェースのダウンロード

3.解凍後のパス（独自のパスに従って構成します）

pahtにルートパスを追加します

 

注：node_global構成が追加されました。vueinitwebpackxxxを使用すると、vueコマンドが見つからないというエラーが報告されます。この構成を追加すると、vueコマンドが見つかります（5.1または5.2以降に構成されています）。

4.構成後、cmdを開いてノードとnpmのバージョンを表示します

node -v #分别查看node
npm -v #npm的版本号

5.構成を変更します

5.1パスを置き換えてグローバルモジュールnode_globalとキャッシュnode_cacheをインストールします

npm config set prefix "E:\software\node\node-v14.15.1-win-x64\node_global"
npm config set cache "E:\software\node\node-v14.15.1-win-x64\node_cache"
npm config set registry https://registry.npm.taobao.org/

5.2または、次のメソッドCを使用します：Users \ Administrator \ .npmrc

prefix="E:\software\node\node-v14.15.1-win-x64\node_global"
cache="E:\software\node\node-v14.15.1-win-x64\node_cache"
registry="http://registry.npm.taobao.org/"

6.インストールの依存関係（スキャフォールディング、プラグインWebpackのパッケージ化、npmダウンロードの代わりにcnpmなど）

#安装vue.js
npm install vue -g
#安装vue-route
npm install vue-router -g
#安装vue-cli脚手架
npm install vue-cli -g
#安装webpack
npm install webpack -g
#使用yarn替换npm下载
npm install -g yarn
#安装cnpm
npm install -g cnpm

7.プロジェクトを初期化します

7.1。プロジェクトの最初のプロジェクトを作成します

vue init webpack  "项目名称"
1、Project name //项目名称
2、Project description A Vue.js project //项目的描述，默认的
3、Author *@qq.com //默认，回车即可
4、Vue build (Use arrow keys) //默认，回车即可
5、Vue build standalone //默认，回车即可
6、Install vue-router? No //是否安装路由
7、Use ESLint to lint your code? Yes //是否用ESLint来规范我们的代码
8、Set up unit tests No //是否使用自动化的测试工具
9、Setup e2e tests with Nightwatch? No //使用nightatch设置E2E测试
10、Should we run npm install for you after the project has been created? (recommended) npm //选择npm安装

7.2。インストールの依存関係（プロジェクトのルートパスを入力してから、インストールコマンドを実行します）

cnpm install

7.3、プロジェクトを実行する

npm run dev