安装vue-cli

npm install -g @vue/cli
# OR
yarn global add @vue/cli

安装完成查看版本

查看版本
vue -V

如果报错:vue : 无法加载文件 C:\Users\xxx\AppData\Roaming\npm\vue ...

  1.管理员身份打开

    vue-cli4.0脚手架安装及问题

  2.输入set-ExecutionPolicy RemoteSigned

    vue-cli4.0脚手架安装及问题

  4.选择Y 或者A ,就好了

 

vue-cli4.0对比了一下3.0的脚手架,除了目录发生变化一些,其他的都一样

vue-cli4.0脚手架安装及问题

 

 安装步骤和vue-cli3.0的一模一样

1.创建项目

vue create project-name

vue-cli4.0脚手架安装及问题

   default 是 使用默认配置

   Manually select features 是 自定义配置

2.选择配置(自定义配置)

 vue-cli4.0脚手架安装及问题

 

 3.选择css预编译,这里我选择SCSS

vue-cli4.0脚手架安装及问题

 

4. 语法检测工具,这里我选择ESLint + Prettier

vue-cli4.0脚手架安装及问题

 

 5.选择语法检查方式,这里我选择保存就检测【何时进行ESLint语法校验:Lint on save】

vue-cli4.0脚手架安装及问题

 

 6.接下来会问你把babel,postcss,eslint这些配置文件放哪【In dedicated config files(单独使用文件进行配置)】

vue-cli4.0脚手架安装及问题

 

 7.是否保存为模板 N不记录,如果键入Y需要输入保存模板名字

vue-cli4.0脚手架安装及问题

 

 8.项目创建好后

cd project-name // 进入项目根目录
npm run serve // 运行项目

9.然后在浏览器输入http://localhost:8080,就可以看到运行的界面了

vue-cli4.0脚手架安装及问题

 

 

 

 

相关文章:

  • 2021-10-05
  • 2021-04-16
  • 2021-04-16
猜你喜欢
  • 2021-09-17
  • 2022-12-23
  • 2022-12-23
  • 2021-09-05
  • 2021-10-03
  • 2022-12-23
相关资源
相似解决方案