Vue-Windows环境安装-CSDN博客

本文链接：https://blog.csdn.net/kerwin_xiaowang/article/details/80046180

1、安装nodejs

检查安装是否成功

2、安装国内镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装vue-cli用于构建项目：cnpm install -g vue-cli

输入vue可以检查是否安装成功

4、创建Vue项目

新建一个目录，如my-vue-demo，进入该目录，vue init webpack vue-demo 创建项目。如果卡住了，就停止重新创建一次。

表示初始化项目成功：

安装依赖包：cnmp install

运行项目：cnpm run dev

5、下载依赖

cnpm install vuex --save

cnpm install vuex --save-dev

保存在dev的环境依赖下。

6、在vue项目中关闭ESLint方法

.../build/webpack.base.conf.js 找到该配置文件：注释掉

 module: {
    rules: [
      /*...(config.dev.useEslint ? [createLintingRule()] : []),*/
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },

7、修改div默认端口：

../config/index.js中配置