vue3.0项目搭建全过程

新建一个vue3.0项目,主要有以下8个步骤,所有步骤均在终端内完成
【1】 升级vue-cli项目至 vue/cli4.0以上
先卸载
npm uninstall vue-cli -g
全局安装脚手架
npm install -g @vue/cli

【2】搭建项目名称vue-app的空项目
vue create vue-app

如遇到报错: 无法加载文件 C:\Users\liang\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本
解决方法:
1.以管理员身份运行 Windows PowerShell
2.get-ExecutionPolicy,输入此命令可查看当前状态: Restricted 策略不允许任何脚本运行,防止执行不信任的脚本。
3.命令行输入set-ExecutionPolicy RemoteSigned
4.再次输入get-ExecutionPolicy,返回状态RemoteSigned

故障解决,继续新建项目vue create vue-app

【3】根据项目提示进行相应的配置,选择最后一项Manually select features:为手动配置
【4】移动上下箭头选择要配置的东西,按空格键表示选中(括号内会出现星标),安装相关插件 less, babel, typescript, router, vuex, eslint, unit-jest
【5】根据提示,选择相关配置,按Y键或直接回车
【6】移动上下箭头选择要配置的东西,按空格键表示选中(括号内会出现星标)
【7】执行操作 cd vue-app 进入项目
【8】执行操作 npm run serve 运行项目

你可能感兴趣的:(前端,vue)