vue安装 0智商

vue安装

将来我们不同的项目可能会用到不同的node版本，那么就需要在各个node版本之间切换，所以建议使用nvm进行node版本控制。

1. 安装nvm：

   1. 前往https://github.com/coreybutler/nvm-windows下载，双击打开

   2. 点击下一步：

   3. 第一个路径XX/node/nvm;

      (XX:看你喜欢安装的路径，但是路径中任何一个节点不能有中文或空格，建议直接在C或者D盘下直接安装)

   4. 第二个路径XX/node/nodejs;

2. 修改nvm下载路径：

   1. 进入XX/node/nvm;

   2. 找到settings.txt;

   3. 添加：

      node_mirror: https://npm.taobao.org/mirrors/node/
      npm_mirror: https://npm.taobao.org/mirrors/npm/

       

3. 查看node最新版本：https://nodejs.org/en/

   使用稳定版（lts）或者最新版（current）

   X.X.X为需要使用的版本号

4.  nvm install X.X.X 

   安装出现意外需要先卸载： nvm uninstall X.X.X 再安装

    nvm ls 用于查看nvm上安装好的版本。

5. 使用node X.X.X  nvm use X.X.X


6. 安装nrm路径管理 npm install -g nrm 

7. 使用淘宝镜像路径 nrm use taobao 

8. 全局安装vue-cli npm install -g vue-cli 

使用vue-cli创建项目

1. 找到需要创建项目的文件夹；

2. shift+右键

3. 选择“在此处打开命令窗口”

4.  vue init webpack 项目名 

   项目名不要用中文，另外最好别太长

   • project name 默认刚刚输入的，但是不能太长；

   • Author 设置过git的会自动导入，没有也没事；

   • 需要vue-router; (直接回车)

   • 需要ESLint;

   • 不需要karma + Mocha;（ 写n）

   • 不需要Nightwatch;

5. 进入安装好的路径

   cd 项目名

6. 项目初始化，安装依赖：

   npm install

7. 启动：

   npm run dev

接下来会自动打开浏览器并打开当前的项目。

---

那么我们第一个vue项目就好了。

well done!!