搭建vue开发环境

vue 2.0 

1.安装node

2.安装淘宝镜像,打开命令行工具,把这个(npm install -g cnpm --registry="https://registry.npm.taobao.org ")

3.安装webpack,打开命令行工具输入:npm install webpack -g

4.安装vue-cli脚手架构建工具,打开命令行工具输入:npm install vue-cli -g


搭建项目
1.cd 到根目录下

2.vue init webpack (项目名英文)
Use ESLint to lint your code? (Y/n)n  是否启用eslint检测规则

3.cd 命令进入创建的工程目录

4.安装项目依赖:npm install  没有新增的依赖只运行一次

5.运行 npm run dev
 
6.打包 npm run build 
打包完成后,会生成 dist 文件夹,如果已经修改了文件路径,可以直接打开本地文件查看。
项目上线时,只需要将 dist 文件夹放到服务器就行了。
posted @ 2017-08-09 21:15  渣渣菜鸟  阅读(247)  评论(0编辑  收藏  举报