Vue搭建环境

Posted jumpkin1122

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue搭建环境相关的知识,希望对你有一定的参考价值。

 1.安装vue

1.官网(http://nodejs.cn/download/)上下载nodejs,并安装
2.检查安装成功:
  node --version
  npm -v
3.安装vue(3中方式):
   CDN方式:<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script> 或 <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
    npm安装:npm install vue
  vue-cli脚手架:
      npm install vue-cli -g  //3.0以前的版本
      npm install @vue/cli -g //3.0以后的版本(推荐)
4.安装cnpm(配置国内的镜像提升速度)
  npm install -g cnpm --registry-https://registry.npm.tapbao.org
  cnpm -v
  cnpm install @vue/cli -g // 3.0以后的版本
5.创建项目
  通过cmd进入要创建项目的目录(管理员方式),或者同powershell中输入set-ExecutionPolicy RemoteSigmed命令选择A
  vue create hell  // 创建hello项目
  YES->Manually select features->Bable,Router,vuer,css pre-processors,Linter/formatters,UnitTesting->N->ESLint+Standard config->Jest->in packet json->N
6.启动项目
  cd hello
  npm run serve
  localhost:8080

7.使用图形化的界面创建项目
  进入要创建项目的目录运行cmd  
  vue ui

 

以上是关于Vue搭建环境的主要内容,如果未能解决你的问题,请参考以下文章

Vue环境搭建和项目创建

Vue项目环境搭建

Vue环境搭建以及生命周期

vue2 组件库开发记录-搭建环境(第二次架构升级)

vue 环境搭建

webpack+vue2.0+nodeJs搭建环境