搭建vue的开发环境

随手笔记：win7 64bit

1、安装node，直接从node官网下载，安装即可。

2、命令行输入 node -v 查看是否安装成功，显示node的版本号即安装成功。安装成功后，输入node，进入node环境，可以随意输入js语句，例如1+1，回车即可执行。若想退出node环境，连续两次ctrl+c。

3、还测试一下node的包管理工具-npm是否一起安装好了，命令行输入npm -v，显示版本号即可。

4、安装vue脚手架-vue-cli

　　访问外网比较慢可使用淘宝镜像访问

　　命令行输入：npm install -g cnpm --registry=https://registry.npm.taobao.org

　　

　　然后开始安装 输入cnpm install vue-cli -g

　　

　　

　然后就给我跑出了这么一大片，看不懂，应该是说node-modules给我配置完了吧。

　　这时候可以测试一下vue装好没，输入 vue -V

　　

　　有了版本号，ok了。

5、然后就可以创建项目模板了

　　vue init webpack 项目名称，回车

　　

　　创建你项目的名字、

　　描述信息、

　　作者、

　　vue创建是否是独立创建、

　　是否运行vue-router（路由）、

　　是否把检查语法规范的功能加进webpack语法的规范里（这个新手要慎选：如果选yes的话，在编译过程中，多一个空格也会报错。）、

　　是否设置单元测试、

　　是否建立端到端的NightWatch测试、

　  是否在你创建完项目之后运行npm install ,后面默认加了npm，所以后面就不需要自己手动再运行npm install了。

然后回车，等着安装依赖。

这里出现两个警告，原因是：fsevent是在macOS下的依赖包，当前是64位win系统，因此只报warning信息，所以这里忽略即可。

6、根据上方提示，想要开始运行的话先cd zl001 回车进入到项目目录下，然后再运行 npm run dev

　　

　　

　　出现这个项目就创建完成了。根据以上提供的网址，去浏览器里就可以看到你创建的项目界面了。