第一种方法
第一步，先检查电脑上有没有安装node.js，如果没有安装node.js就先去安装node.js
1.下载地址为：https://nodejs.org/en/。
2.检查是否安装成功==》 在命令面板输入node -v进行检查查询，输出的是node的版本号则表示安装成功了
3.为了提高运行效率，还需要安装一个淘宝镜像
3.1输入npm install -g cnpm –registry=https://registry.npm.taobao.org，就可以安装淘宝镜像
第二步，搭建vue项目
1.npm install vue-cli --global 全局安装
2。输入vue init webpack demo （demo为项目的名字可以随便定）创建项目名 ,输完这个命令后就会出现以下的界面
Project name ===>表示输入项目名称，自行输入
Project description ===>表示项目描述，自行输入
Anthor ===>表示项目作者 ，自行输入
Vue build ===> 表示打包方式，按下回车键就行
Install vue-router ===> 表示是否要安装vue-router ，输入Y表示要安装，输入N表示不要安装
Use ESLint to lint your code ===>表示是否需要js语法检测，输入Y表示需要,输入N表示不需要
Pick an ESLint preset ===>表示选择一个eslint的预设，按下回车键就行
Set up unit teste ===>表示是否安装单元测试工具，输入Y表示要安装，输入N表示不要安装
Setup e2e tests with Nightwatch ===>表示是否需要安装端测试工具，输入Y表示要安装，输入N表示不要安装
最后会出现一个这样的选择，这个选择表示的是选择安装依赖的方式
直接按下箭头选择最后一个就可以了，
第三步，进入到我们创建的项目里面去安装依赖，这里可以用vscode去打开创建的项目，然后在vscode的终端中输入npm install
1.npm install ===>表示安装依赖
第四步，最后在vscode的终端中输入npm run dev 就可以启动项目了
注意第一种方式不可以使用嵌套的style样式
第二种方式
第一步，先检查电脑上有没有安装node.js，如果没有安装node.js就先去安装node.js
1.下载地址为：https://nodejs.org/en/。
2.检查是否安装成功==》 在命令面板输入node -v进行检查查询，输出的是node的版本号则表示安装成功了
3.为了提高运行效率，还需要安装一个淘宝镜像
3.1输入npm install -g cnpm –registry=https://registry.npm.taobao.org，就可以安装淘宝镜像
第二步，搭建vue项目
1.npm install -g @vue/cli 全局安装vue框架
2.npm create project-vue 项目名称，这里我的项目名称是project-vue ==> npm create project-vue
3.输入完上面的命令后就会出现一下图片展示的内容
4.your connection to the default yarn registry seems to be slow use https://registry.npm.taobao.org for faster installation ===>表示的意思是您到默认纱线注册表的连接似乎很慢使用淘宝镜子，安装更快，一般输入yes
5.Please pick a preset 会有三个选项如下图所示，我们这里选择最后一个
6.然后就会得到如下图所示的样子，根据你需要选择就行，空格表示*，有*的按下空格就会把*取消掉，反之就会选择*
7.然后按下回车键就会得到如下图所示的样子
choose a version of vue.js that you want to start the project with ===>是询问你是选择2.x还是3.x
use class-style component syntax ===> 是否使用使用类样式的组件语法 选择yes
use babel alongside typeScript (required for modern mode, auto-detected polyfills, transpiling JSX) ==>在typeScript旁边使用babel(对于现代模式，自动检测的polyfills，编译JSX都是必需的) 选择no
use history mode for router (requires proper server setup for index fallback in production) ===>为路由器使用历史模式(在生产中需要为索引回退设置适当的服务器) 选择yes
pick a css pre-processor ===>选择一个css的预处理器 选择less
where do you prefer placing config for babel eslint etc ===>你更喜欢在哪里放置配置Babel eslint等 选择in package.json
save this as a preset for future projects ===> 将此保存为未来项目的预设值，这里就是设置预设了，可以选择将这些配置设置为预设，方便下次快速创建 选择yes和no都可以
save preset as ===> 保存预置，预设名字 名字可以自己起。这里我起的是的c-vue
pick the package manager to use when installing dependencies ===> 选择安装依赖项时要使用的包管理器 这里我选择的是npm
最后就是用vscode打开项目，并在集成终端中去运行并安装依赖