vue搭建项目

Vue推荐开发环境

Node.js 6.2.0、npm 3.8.9、webpack 1.13、vue-cli 2.5.1、webstrom2016

现在开始安装环境

安装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 项目名字<项目名字不能用中文>

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

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

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

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

Author 直接回车默认

? Vue build (Use arrow keys)
> Runtime + Compiler: recommended for most users
  Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific
HTML) are ONLY allowed in .vue files - render functions are required elsewhere  直接回车默认

? Install vue-router? (Y/n)  是否安装vue-router y 安装 (可新建好项目后手动安装)

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(单元测试不需要)

进入项目

cd 项目名字

安装项目依赖

npm install

安装 vue 路由模块vue-router和网络请求模块vue-resource –save-dev 是你开发时候依赖的东西,–save 是你发布之后还依赖的东西(如果在初始化设置已经安装了可省略)

npm install vue-router vue-resource –save

启动项目

npm run dev

发布项目(打包项目,会在目录多出一个build目录为项目打包好的项目,直接放到服务器就可以)

npm run build

转载请注明原地址,冼国基的博客:https://xianguoji.github.io 谢谢!

打赏一个呗

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦