vue项目环境配置

Posted yaokaixin

tags:

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

1.安装node.js

   http://nodejs.cn/download/下载并安装

  查看是否安装成功

node -v

2.安装国内的淘宝镜像

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

3.以上完成后,安装vue-cli脚手架构建工具

npm install --global vue-cli

4.创建一个基于webpack模板项目 ,my-project为项目名.运行初始化命令的时候回让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认就好。

vue init webpack my-project

5.进入项目

 

cd my-project

 

6.安装依赖

cnpm install

7.运行

cnpm run dev

基本搭建完成

 

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

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

vue 项目环境配置(待补充)

[万字逐步详解]使用 webpack 打包 vue 项目(优化生产环境)

vue-cli项目配置多环境

webpack5项目搭建Vue-Cli(合并配置)

vue项目必须要配置测试环境和生产环境吗?