VueCli3.0 安装使用

VueCli3.0 安装使用

1.安装node v10.16.2稳定版本

查看是存安装成功：node -v

2.安装cnpm

我们在windows系统安装完node.js和npm后，由于需要加速从而选择安装cnpm，命令如下：
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完之后命令行窗口执行，cnpm 命令时提示==“不是内部或外部命令，也不是可运行的程序 或批处理文件”==。

解决方法

原因
只需要将cnpm的执行路径添加到windows环境变量即可。注意cnpm路径不是上图标红的C:\Program Files\nodejs\node_global\node_modules\cnpm\bin路径。

真正的执行路径是C:\Program Files\nodejs\node_global，你需要依据自己的nodejs和cnpm安装实际路径去添到系统环境变量里。然后再执行cnpm命令就ok了。我们往往会错误的设置成C:\Program Files\nodejs\node_global\node_modules\cnpm\bin路径。所以你无法成功。

检验成功：npm -v

3.VueCli3.0 安装:

命令： cnpm install -g @vue/cli (慢)
cnpm i -g @vue/cli@3.10.0 (快用cnpm)

cnpm安装过程中提示optional install error: Package require os(darwin) not compatible with your platform(win32)解决方法

运行cnpm install后，出现

虽然提示不适合Windows，但是问题好像是sass loader出问题的。所以只要执行下面命令即可；

方案一：

cnpm rebuild node-sass
#不放心可以重新安装下
cnpm install

方案二：

npm update
npm install
nodejs node_modules/node-sass/scripts/install.js
npm rebuild node-sass

一般只要执行方案一就够了。
然后再运行,OK。

4.项目的创建：

命令：vue create vue-sell-cube

**

vue 启动服务

**
2.npm run serve 或者 yarn serve
npm run serve

OR

yarn serve