首页 技术交流 VSCode运用vue-cli创建脚手架(一) 正文

VSCode运用vue-cli创建脚手架(一)

发布日期:2021年11月12日 14:19        阅读次数:759

   

在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即可

                                      

评论:

共 1 页 3 条记录,当前为第 1 页