使用VUE UI 创建前端项目

一、安装nodejs

nodejs官网下载地址

二、安装vue-cil脚手架

npm（node package manager）：nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）npm 为你和你的团队打开了连接整个 JavaScript 世界的一扇大门。它是世界上最大的软件注册表，每星期大约有 30 亿次的下载量，包含超过 600000 个 包（package） （即，代码模块）。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。
官网：
https://docs.npmjs.com/about-npm 英文官网
https://www.npmjs.cn/ 中文官网

1. dos命令提示符下执行： ，
   node -v 检查node版本
2. 配置全局的 registry 属性
   npm config set registry https://registry.npm.taobao.org
3. 安装vue-cli脚手架构建工具
   npm install vue-cli -g
4. 参数说明
   i 安装指令，全拼： install
   -S 生产环境，全拼： --save
   -D 开发环境，全拼： --save—dev
   -O 可选依赖，全拼： --save—optional
   -E 精确安装指定模块版本，全称：–save—exact
   -g 全局安装，全拼： --global

三，创建项目

1. 进入dos命令下的某个路径 使用 vue ui创建项目
   
   

2. 点击下一步继续创建
   

3. 使用ui默认的模板创建vue项目，也可以自己按需导入，手动配置项目
   

4. 创建完成进入仪表盘，点击任务，serve,运行，即可启动vue项目
   

5. 点击启动app即可进入vue项目下的初始页
   

四、页面初始调用顺序

index.html->main.js->App.vue->index.js->HelloWorld.vue