准备:先检查环境
node -v
npm -v
1.搭建vue环境
npm install -g @vue/cli
2.检测vue环境是否安装成功
vue --version
我这里报错,此处为解决报错方法
① 在运行处搜索powershell,以管理员身份运行。
②输入命令
set-ExecutionPolicy RemoteSigned -Scope CurrentUser
③输入 A
④命令行继续输入命令,
Get-ExecutionPolicy
看到这样显示,表示已经修改成功
继续在vscode的终端输入vue --version,即可显示vue的版本号了。
3.创建vue项目
vue create <项目名称>
vue create命令解释
- 小黒窗中的vue create命令是由@vue/cli提供的。
- vue create 用来快速创建项目:会自动创建文件夹
vue create、vue ui、vue init区别:
- 都是项目初始化指令
- vue-cli版本的不同
- vue create 是vue-cli3.x的初始化方式
- vue init 是vue-cli2.x的初始化方式
然后cd到项目目录下,npm run serve项目就运行起来了