vue搭建

2019-08-20 本文已影响0人致青春永恒

-----vue搭建-----

1， webpack全局安装：

npm install webpack -g

2，全局安装vue脚手架：

npm install vue-cli -g

-----------------------------------------------------------------------

3.，创建项目： vue init webpack 项目名字<项目名字不能用中文>

会有一些初始化的设置，如下输入:

Target directory exists. Continue? (Y/n) 直接回车默认(然后会下载 vue2.0模板，这里可能需要连代理)

Project name (vue-test) 直接回车默认

Project description (A Vue.js project) 直接回车默认

Author 直接回车默认

Use ESLint to lint your code? n

pick an eslint preset. 默认Standard

setup unit tests with karma + mocha?No(单元测试不需要)

setup e2e tests with Nightwatch?No(单元测试不需要)

————————————————

4，为了进入项目打开终端 cd 项目名字

5.，npm install 安装项目依赖

6，安装 vue 路由模块vue-router和网络请求模块vue-resource –save-dev 是你开发时候依赖的东西，–save 是你发布之后还依赖的东西

npm install vue-router vue-resource –save

7， npm run dev 启动项目