vue.js学es6_安装vue.js并创建vue.项目

查询npm版本：npm  -v

安装最新版本：npm  i npm  g

1.安装webpack：（全局安装）//查看版本：webpack  -v

npm  install   webpack  -g

2.安装vue.js  //查看版本：vue  -v

npm install  vue  -g

3.安装vue命令行工具 

1)安装完成node，node有自带的npm，可以直接在cmd中，找到nodeJs安装的路径下，进行命令行全局安装vue-cli。（npm install --global vue-cli）

想安装速度快点，可以使用淘宝镜像如下

通过config命令    

npm config set registry https://registry.npm.taobao.org    

npm info underscore（如果上面配置正确这个命令会有字符串response）

npm install  -g  vue-cli（vue和-cli之间没有空格）

2)安装后，检查是否安装成功（显示版本则安装成功）。（vue -V）

4.创建项目：

1)使用vue建一个项目名叫"photoManager”。（vue init webpack  photoManager）

注意：Use ESLint to lint  your code?建议选no

该选项为使用ESLint规范你的代码，一个空格错误都将报错，不开启，可以避免不必要的麻烦

2）建立项目后，安装项目依赖npm install

3）使用npm run dev，便可以打开本地服务器实时查看效果（localhost:8080）

效果：