在vscode上搭建一个vue项目---初学总结。
1.假设Vscode、nodejs等已经安装好了。
2.全局安装vue-cli,vue-cli可以帮助我们快速构建Vue项目。
安装命令:
npm install -g vue-cli
打开VScode的终端,调出命令输入框。点击终端-新建终端,输入上述命令,回车,等待安装完成。
3.安装webpack,它是打包js的工具
安装命令:
npm install -g webpack
安装方法同上。
4.安装完成之后就可以开始创建vue项目,首先创建一个文件夹用来存放你的项目,用vscode打开对应的文件夹,并在终端cd到对应的文件夹。比如我的文件夹就是myvue
创建项目命令,输入回车:
vue init webpack myvue
其中myvue就是项目名称,根据喜好自己取。
在实际操作中,第四步会出现'在用脚手架搭建vue项目时,提示:无法加载文件 C:\Users\admin\AppData\Roaming\npm\vue.ps1'的报错
解决办法
- 使用系统 Windows10
1.打开系统Windows PowerShell ,以管理员身份运行
2. 命令行输入
set-ExecutionPolicy RemoteSigned
3. 选择Y或A即可