vue-cli脚手架搭建项目简单入门一

系统环境：Windows系统。

1、简单了解Node.js、npm，安装Node.js，官网下载

2、查看node，npm安装成功与否。打开cmd命令行，输入命令 node-v  、npm -v

3、了解cnpm，输入命令 npm install -g cnpm --registry=https://registry.npm.taobao.org

   查看安装成功与否 输入命令 cnpm -v

4、了解webpack，借助npm工具安装webpack。输入命令 npm install webpack -g

       查看安装成功与否 输入命令 webpack -v

5、了解vue-cli脚手架工具，安装输入命令 npm intall -g vue-cli

6、查看安装成功与否，输入命令 vue -V

7、准备搭建项目，切换到想要放项目的文件夹下，输入命令 cd\YourFileName\...（这一步视自身情况操作，可以忽略）

8、初始化项目，输入命令 vue init webpack temp_project （注意这里的temp_project是项目文件夹名称，该命名不能使用大写字母）

9、切换到项目文件夹下，安装npm。先后输入命令 cd temp_project    ，   npm install

10、在项目文件夹下，使用npm工具安装路由和请求模块 输入命令 npm install vue-router vue-resource --save

11、运行项目，输入命令 npm run dev

12、打开浏览器，输入上面最后的网址 http://localhost:8080 （记得你的8080端口不要被别的进程占用）

作者：A减减_碧
链接：https://www.jianshu.com/p/81c7e994b895