脚手架的创建

100 阅读1分钟

1

新建文件夹 取名webapp-vue,在文件夹内使用npm init -y 新建一个package.json文件

2

使用npm i -g @vue/cli  全局(整个电脑)安装一个脚手架工具

3

输入vue -V检查vuecli脚手架版本 发现报错

输入set-ExecutionPolicy RemoteSigned 再根据提示输入大写的Y回车

image.png

4 找到你的项目路径,复制在命令行窗口中输入 cd 加上你的路径 输入vue -V检查一下脚手夹版本

5

输入 vue create 项目名称

image.png

咱们选择vue2(默认vue2)直接按回车

启动项目

输入 cd 项目名称 打开项目所在的文件夹

进来之后 输入 npm run serve 启动项目


image.png

在浏览器中输入以上的地址 就可以操作成功