如何创建一个新的Vue 工程

1、Vue 2.x 工程创建步骤

1、以管理员的身份进入到cmd

2、创建一个工程 然后cmd进入到工程文件位置中，在cmd中输入：vue init webpack xxxx(要创建的工程名字) 一路 No下去结束

3、安装依赖，我们需要安装vue-router、element-ui、sass-loader和node-sass四个插件，接着在安装axios

#进入到工程目录
cd xxxx(工程名字)
#安装 vue-router
npm install vue-router --save-dev
#安装 element-ui
npm i element-ui -S
#安装axious
npm install --save axios vue-axios
#安装 SASS 加载器
cnpm install sass-loader node-sass --save-dev
#安装依赖
npm install
#启动测试
npm run dev
#工程测试成功之后用idea打开开始写程序咯

Vue 3.x 工程创建

1、如果说你的是vue3.0的话那么就只有一行代码

vue create yourVueProjectName

2、接着可以选择你创建的是vue 2 还是 vue 3 去创建工程即可

等待安装完即可

3、如果说你需要添加elementUI的插件的话可以继续往下看(按需渲染elementUI减少文件的大小)

vue add element

4、选择以下配置

结果

收工~~