vue 环境搭建与安装
2017-03-20 14:54
204 查看
第一步 安装 node
网上下载一下node即可,下一步下一步点去就行,查看是否成功:cmd——node -v
![](https://img-blog.csdn.net/20170320143819049)
第二步 安装 npm
此处用的是淘宝镜像 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
第三步 安装 vue-cli
cnpm install -g vue-cli
第四步 开始搞事情
建一个项目(项目名为 my-project)
vue init webpack my-project
cd进去(或者 shift+右键 → “在此处打开命令窗口”)
cnpm install
之后就会多出 node_modules 这个文件夹,就是些依赖包,用不到的话,不要也罢。
第五步 运行
npm run dev
(或者 cnpm run dev 加不加c都可以 加c就是用淘宝镜像而已)
第六步 编译
npm run build
(同样 cnpm run build 也可以)
build 之后会生成 dlist 这个文件夹,里面的内容就是最终产物!
网上下载一下node即可,下一步下一步点去就行,查看是否成功:cmd——node -v
第二步 安装 npm
此处用的是淘宝镜像 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
第三步 安装 vue-cli
cnpm install -g vue-cli
第四步 开始搞事情
建一个项目(项目名为 my-project)
vue init webpack my-project
cd进去(或者 shift+右键 → “在此处打开命令窗口”)
cnpm install
之后就会多出 node_modules 这个文件夹,就是些依赖包,用不到的话,不要也罢。
第五步 运行
npm run dev
(或者 cnpm run dev 加不加c都可以 加c就是用淘宝镜像而已)
第六步 编译
npm run build
(同样 cnpm run build 也可以)
build 之后会生成 dlist 这个文件夹,里面的内容就是最终产物!
相关文章推荐
- Vue.js开发环境搭建-工具安装(vue-cli)
- vue.js安装和环境搭建
- vue.js开发环境搭建以及脚手架工具安装
- Deepin Linux安装node.js并搭建vue环境
- Vue.js 运行环境搭建详解(基于windows的手把手安装教学)及vue、node基础知识普及
- Windows环境搭建VUE前端开发环境-安装NodeJS
- Vue环境搭建及安装(Vue入门篇)
- Vue-cli安装、Vue基本环境搭建
- vue.js开发环境搭建以及脚手架工具安装
- VUE2.0的简单入门(一)-安装node.js环境搭建与项目构建
- Vue.js 运行环境搭建详解(基于windows的手把手安装教学)及vue、node基础知识普及
- MacBook Pro 下vue项目开发环境搭建,安装和配置apache
- vue环境搭建(一)webpack和vue-cli安装
- windows下vue-cli及webpack搭建安装环境
- vue环境搭建,安装css,js,less加载依赖
- 搭建前端vue环境,安装vue-cli遇到Please try running this command again as root/Administrator的解决方案
- Windows环境搭建VUE前端开发环境-安装VUE+webpack
- andorid 第一天 搭建环境(于本博另一篇文章 ubuntu下安装andoird SDK相同内容)
- J2EE环境的搭建之一—weblogic安装与配置详解 推荐
- J2EE环境的搭建之一―weblogic安装与配置详解