Vue-cli 安装

先看看我掉进去的坑 cnpm : 无法加载文件…因为在此系统上禁止运行脚本

---

一、安装 Nodejs

在安装的时候先去下载 Nodejs 官网下载

二、配置环境

下载完成后，需要配置环境，不然只能在安装的文件夹里面进行后面的操作。
环境配置如下：
设置环境变量： 右键“我的电脑”-属性-高级系统设置-高级-环境变量

我上面我的 NODE_PATH 是已经新建好了的，这里你需要新建，然后填写，后面的地址是你安装 nodejs 的地址，然后再找到 Path 在后面加上一条 %NODE_PATH% ，然后确认保存就好了。

---

进入你程序保存的目录，然后再地址栏输入 cmd 回车，开始下面的操作

三、安装 cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

四、安装 vue-cli

cnpm install vue-cli -g 【3.0之前（不包含3.0）】
cnpm install -g @vue/cli 【3.0及以后】

五、初始化项目

vue init webpack demo_y01【注意：项目名称d emo_y01 不可以有大写字母。3.0之前（不包含3.0）】
vue create demo_y01【3.0及以后】
前面一直回车yes就好了【有特定需求的按照自己的来就行】，最后一次询问，是否安装包的时候选择no，自己安装，就是下一部自己安装模块包

六、安装模块包

进入到项目文件夹 demo_y01， cmd 回车【上面有类似的图片】，然后安装模块包

cnpm install

七、启动项目

• 打开 vsCode 打开我们生成的 demo_y01 文件夹，然后再 Ctrl+J，下面就是前面说的坑点
  输入 cnpm run dev【3.0之前（不包含3.0）】或 cnpm run serve【3.0本本及之后】 回车

---

• 发布：npm run build

---

一点点笔记，以便以后翻阅。