建立第一个vue项目

2019-10-08  本文已影响0人  向着光噜噜

1.Windows 上安装 Node.js

https://nodejs.org/en/download/

2.控制台升级npm

查看版本 npm -v

升级 npm install npm -g

使用淘宝镜像的命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

在用 Vue.js 构建大型应用时推荐使用 NPM 安装:

# 最新稳定版 cnpm install vue

3.建立一个项目

# 全局安装 vue-cli

$ cnpm install --global vue-cli

# 创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

# 这里需要进行一些配置,默认回车即可······

vue-cli · Generated "my-project". To get started: 

    cd my-project

    npm install

    npm run dev

4.进入项目,安装并运行

$ cd my-project

$ cnpm install

$ cnpm run dev

DONE  Compiled successfully in 4388ms> Listening at http://localhost:8080

5.遇到错误解决

1.网络不好的话可以离线 

vue init webpack my-project --offline

2.运行项目出错

C:\Users\Administrator\my-project\config\index.js里的useEslint: true改为useEslint: false;

上一篇下一篇

猜你喜欢

热点阅读