vue-cli的安装及使用

准备工作

1. 确认有nodejs

2. 安装Node.js淘宝镜像加速器（cnpm）

   # -g是全局安装
   npm install cnpm -g
   

   安装后的文件在这里↓

   

3. 安装vue-cli

   cnpm install vue-cli -g
   

   安装后的文件在这里↓

   

4. 安装成功后，输入命令vue list，可以查看能够基于哪些模板创建vue程序

   ，通常我们选择webpack。

   

第一个vue-cli程序

1. 创建一个Vue项目，在电脑上创建一个空文件夹

2. 在这个文件夹的路径下，创建一个基于webpack模板的vue应用程序

   # 这里的vueDEmo是项目名称，可以随意取
   vue init webpack vueDemo
   

   然后会出现下图的问题，全部选no即可：

   

   然后按下回车，项目就创建成功啦！

   

   3. 初始化并运行

      # 进入项目路径下
      cd vueDemo
      #安装所有依赖环境
      npm install
      # 启动当前项目
      npm run dev
      

      注意：运行上述第二个命令时出现了如下错误

      解决方法：按照报错处的指示做即可解决

      

      全部成功后就会出现下图：

      

   最后就可以在IDEA中打开该项目啦！！！