安装vue脚手架
2020-07-18 04:25
162 查看
安装nodejs
- 下载地址:http://nodejs.cn/download/
- 测试nodejs 是否安装 ----在cmd中输入node -v
- 测试npm是否自动安装
- npm -v
配置下载源—全局安装nrm
- npm install nrm -g
使用taobao镜像源
- nrm ls 查看镜像源
- nrm use taobao
全局安装脚手架
npm i @vue/cli -g
测试安装是否成功
vue -V
创建VUE项目
vue create 项目名
项目配置
- 选择预设
Please pick a preset: (Use arrow keys) ----使用键盘上下键选择 回车确定
default (babel, eslint) ----默认只安装babel和eslint
Manually select features ---- 自定义 - 手动选择插件(1,4,5,6)
- Check the features needed for your project: ----空格选择,a全选,i反选 回车确定
- Babel ---- 将高级版本ES转换为浏览器识别的JS语法
- TypeScript---- JS的超集,提供了JS面向对象支持
- Progressive Web App (PWA) Support ----渐进web app支持
- Router ----路由、请求所对应的地址
- Vuex ---- 数据状态管理器、用于多页面传参
- CSS Pre-processors ----CSS预处理,将高级CSS语法转换为浏览器识别CSS语法
- Linter / Formatter ----语法检测
- Unit Testing ----单元测试
- E2E Testing ----测试
- 选择路由模式
Use history mode for router?
History模式---- yes
Hash模式---- no 路由的后方有#只刷新部分内容(建议采用) - 选择CSS预处理
Pick a CSS pre-processor
Sass/SCSS (with dart-sass)
Sass/SCSS (with node-sass)
Less
Stylus - 选择插件的配置存放
Where do you prefer placing config for Babel, ESLint, etc
In dedicated config files ----独立的配置文件
In package.json ----放在package.json中 - 是否保存预设
Save this as a preset for future projects ----是否把你选择的作为预设
N不保存
Y保存
切换到项目文件夹—cd 项目名
运行—npm run serve
-输入地址: http://localhost:8080/
项目创建成功
相关文章推荐
- VUE 脚手架 cli4 npm install -g @vue/cli 安装报错 常见踩坑
- vue-cli搭建脚手架(是需要有一定基础的,不包括node等安装)
- vue开发搭建(npm安装 + vue脚手架安装)
- Vue脚手架的安装
- vue 脚手架安装
- 宅小叔前端:Vue2.0搭建Vue脚手架(vue-cli) 及nodejs环境安装
- 安装基于Vue-cli脚手架的Vue项目
- vue.js开发环境搭建以及脚手架工具安装
- 安装配置Vue脚手架
- vue脚手架安装和使用
- vue-cli脚手架一键安装vue项目步骤
- Vue脚手架的安装与使用1
- vue-cli脚手架项目安装less
- vue-cli脚手架安装配置
- 命令行下使用npm安装vue脚手架,创建vue项目
- 【Vue】window下 ,vue-cli 脚手架安装
- vue脚手架安装
- 继上一个vue网页仿星星评价,vue脚手架插件的npm安装教学以及使用教学。脚手架仿网页星星评价
- Vue_cli脚手架安装及创建运行一个项目
- vue脚手架的安装与使用2