使用Vue-cli脚手架工具构建Vue项目
2018-09-11 09:41
1071 查看
1.首先安装node.js,到node.js官网进行下载
可参照:https://www.runoob.com/nodejs/nodejs-install-setup.html
2.搭建vue项目,选择文件夹打开命令行
[code]//全局安装 vue-cli $ npm install -g vue-cli //创建一个基于“webpack”模板,名为myDemo的新项目 $ vue init webpack myDemo //打开新新项目 $ cd myDemo //安装依赖 $ npm install //运行 $ npm run dev
此时基于“webpack”模板的vue项目已经搭建完成。
注意:如果使用npm下载太慢的话可以安装cnpm,将npm指令换为cnpm。
[code]$ npm install -g cnpm --registry=https://registry.npm.taobao.org
在创建新项目时需要对项目进行设置
[code]Project name //项目名称,直接回车 Project description //项目描述,按需要进行输入 Author //作者,输入自己名字 Use ESLint to lint your code? //是否使用ESLint,一般不使用 //(使用键入y,不使用键入n,直接回车默认为y) Setup unit tests with Karma + Mocha? //是否使用单元测试,一般不使用 Setup e2e tests with Nightwatch? //是否使用e2e测试,一般不使用
[code]? Project name myDemo ? Project description A Vue.js project ? Author sisi-chen ? Vue build standalone ? Install vue-router? Yes ? Use ESLint to lint your code? No ? Set up unit tests No ? Setup e2e tests with Nightwatch? No ? Should we run `npm install` for you after the project has been created? (recommended) npm
阅读更多
相关文章推荐
- vue学习笔记-使用vue-cli脚手架快速创建vue项目工程
- 使用vue-cli脚手架搭建项目
- vue-cli 构建的项目中如何使用 Less
- Vue-cli 脚手架工具 及 创建项目
- 使用vue脚手架工具搭建vue-webpack项目
- Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目
- 使用vue-cli+axios构建的项目本地环境API代理设置和解决跨域
- vue-cli 构建的项目中如何使用 Less
- 使用vue-cli构建的项目不检查分号
- vue-cli的使用,创建项目,教程,上手,vue脚手架的使用
- 详解使用vue-cli脚手架初始化Vue项目下的项目结构
- vue-cli构建项目使用 less
- Vue.js:使用vue-cli快速构建项目
- 使用vue-cli脚手架在vs code 建立vue项目
- 详解使用vue脚手架工具搭建vue-webpack项目
- 脚手架vue-cli构建vue项目
- vuex在vue-cli和webpack构建的项目中的简单使用
- 使用vue脚手架工具搭建vue-webpack项目
- 【23】使用vue-cli脚手架搭建webpack项目基本结构
- vue-cli脚手架构建了项目,想去除Eslint验证,如何设置?