vue脚手架搭建项目

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue脚手架搭建项目，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1513字，纯文字阅读大概需要3分钟。

内容图文

1、vue init webpack demo（项目名小写）

Project name # 项目名：默认为上一步"webpack demo"中的demo

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 templaters（or any Vue-spcific HTML）are ONLY allowed in .Vue files - render functions are required elsewhere # 仅运行

Install vue-router ? （Y/n） # 安装Vue路由

Use ESLint to lint your code ? （Y/n） # 使用ESlint对代码进行校验

Pick an ESLint preset (Use arrow keys) # 选择ESLint预设，编写vue项目时的代码风格
　Standard (https://github.com/standard/standard)　# Standard
　Airbnb (https://github.com/airbnb/javascript) # Airbnb
　none (configure it yourself) # 自己配置

Set up unit tests （Y/n） # 使用单元测试

Setup e2e tests with Nightwatch？ （Y/n） # 使用e2e测试

Should we run npm install fr you after the project has been created?（recommended）（Use arrow keys）
　Yes，use Npm # 使用npm
　Yes，use Yarn # 使用yarn
　No，I whill handle that myself # 自己配置

2、cd demo

3、npm install

4、安装element-ui，可选

npm install element-ui -S

5、安装scss，可选

# 安装node-sass
npm install node-sass --save-dev
# 安装sass-loader
npm install sass-loader --save-dev
# 在build/webpack.base.conf.js文件中的rules模块中添加：
{
　test: /\.scss$/,
　loaders: ['style', 'css', 'sass']
}

安装scss后启动报错：
Node Sass version 5.0.0 is incompatible with ^4.0.0.
解决：

# 卸载原sass
npm uninstall node-sass
# 重新安装 4.X.X 版本的sass
npm install node-sass@4.14.1

内容总结

以上是互联网集市为您收集整理的vue脚手架搭建项目全部内容，希望文章能够帮你解决vue脚手架搭建项目所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---