vue开发环境配置

Posted mingzhanghui

tags:

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

* 确认node安装好, npm可用

node -v
npm -v

  

* 安装cnpm

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

  

* 安装vue-cli

cnpm install -g vue-cli
vue -V

 

* 创建项目my-vue

vue init webpack my-vue

 初始化项目中有一步问到是否创建router,选择是

   这样就有了 vue-router可以配置路由 Vue.use(Router)

* 启动项目

cd my-vue
cnpm install
npm run dev

  技术分享图片

 

以上是关于vue开发环境配置的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段11——vue路由的配置

Vue实战-第一天开发工具的使用

vue中使用axios给生产环境和开发环境配置不同的baseUrl

vue中使用axios给生产环境和开发环境配置不同的baseUrl

vscode 用户代码片段 vue初始化模板 Snippet #新加入开头注释 自动生成文件名 开发日期时间等内容

手把手带你使用webpack4构建一个Vue开发编译环境,并实现代码分割,css代码分离