截止到这篇文章发布,搭建开发环境用到的组件、工具:Node.js 8.2.1、npm 5.3.0、webpack 2.6.1、sublime3
现在开始安装环境
安装nodejs
可以在终端里下载,但是不推荐,npm的版本会报错
去nodejs官网下载即可,地址:http://nodejs.cn/中文网
安装vue淘宝镜像
npm install -g vue –registry=https://registry.npm.taobao.org
安装webpack
npm install webpack -g
安装vue脚手架
npm install vue-cli -g
—————-如果第二次编写新的vue项目,就可以在这里开始了—————–
根据模板创建项目
vue init webpack 项目名字<项目名字不能用中文>
接着开始下载 vue2.0模板,网络不好的下载前最好启动ssh (连接代理,否则过程会比较漫长)…
会有一些初始化的设置,如下输入:
Project name (vue-test) 直接回车默认
Project description (A Vue.js project) 直接回车默认
Author 直接回车默认
Install vue-router? (Y/n) Y
Use ESLint to lint your code? (Y/n) n
Setup unit tests with Karma + Mocha? (Y/n) n (单元测试不需要)
Setup e2e tests with Nightwatch? (Y/n) n (单元测试不需要)
进入项目
win + R 键 输入 cmd
cd 项目名字 或者 cd /d 盘符:\项目名
例: cd /d e:\webs
安装项目依赖
npm install //下载node_modules文件夹的过程,这个文件夹不能拷贝,拷贝会导致各种错误...
安装需要用到的组件
\- (1)npm install sass-loader --save-dev
\- (2)npm install gulp-sass --save
\- (3)npm install less --save
\- (4)npm install less-loader --save // sass和less 二选一就行
\- (5)npm install --save axios
\- (6)npm install element-ui@1.4.2 -S
\- (7)npm install vuex --save
\- (8)npm install moment // 日期格式化
\- (9)npm install vue-router vue-resource --save // 路由模块vue-router和网络请求模块vue-resource
启动项目
npm run dev
发布项目
npm run build