vue-cli脚手架搭建

时间:2020-08-25 07:10:34 类型:vue
字号:    

1. 安装node环境 https://nodejs.org/zh-cn/download/

  下载 当前长期支持版: 12.18.3 (包含 npm 6.14.6)

图片1.png 

2. 安装 cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

3. 安装vue-cli脚手架构建工具

cnpm install -g @vue/cli

 

4. 创建项目

vue create 项目名称

1)通过键盘上下键,选择到手动配置  再按 Enter键进入下一步

图片2.png 

(2)通过键盘上下键,选择需要的插件 前面括号(*)代表选中

根据需求选择对应的插件,下面的流程会对选择的插件进行配置选择。

选择Router (通过上下键移动到Router 按空格键选中,如果取消再按一次即可)再按 Enter键进入下一步

图片3.png 

3使用默认的2.X  Enter键进入下一步

图片4.png 

4路由模式设置 设置 n   Enter键进入下一步

图片5.png 

(5)设置配置文件存放位置  使用默认 Enter键进入下一步

图片6.png 

(6)是否将本次设置保存为预设配置 选择 n  等待安装完成。

QQ截图20200929052828.jpg

 

(7)启动项目

cd demo  进入项目

npm run serve  启动项目

启动后,就可以通过 提示的地址进行访问 http://localhost:8080

 图片7.png

图片8.png 


<