如何创建一个vue的新项目，用命令行的方式创建.下载node.js

最新推荐文章于 2025-04-24 17:42:42 发布

转载最新推荐文章于 2025-04-24 17:42:42 发布 · 243 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/wangfulong666/article/details/89715182

文章标签：

#vue #nodejs #npm

1.安装node.js

node.js安装包及源码下载地址为：https://nodejs.org/en/download/。

在cmd的命令提示行输入node -version 查看版本，如果出现就是安装成功了。

2.npm

（NPM是Nodejs的包管理工具，可以运行、打包）的安装。新版本的node已经集成了npm，所以安装成功node，npm也就安装上了。可以npm -v查看版本

3.安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org（cnpm 淘宝npm镜像。因为npm安装插件要从国外服务器下载，速度慢有时还下载不成功。cnpm则是从国内淘宝镜像下载，速度快。）cnpm i 插件名可以下载插件。

4.安装vue-cil

npm install -g vue-cli（vue-cil是vue的脚手架工具。构建vue项目用的。）

下面开始新建项目

1. vue init webpack 项目名。停了以后点enter，大约是点了三次，第四次你可以按下键选择第二个目录。y n n n

注：【vue build (Use arrow keys) // 1. (译：运行+编译：被推荐给大多数用户) > Runtime + Compiler:recommended for most users // 2.(译：只运行大约6KB比较轻量的压缩文件，但只允许模板（或任何VUE特定HTML）。 // VUE文件需要在其他地方呈现函数。翻译不精准，意思大概是选择该构建方式对文件大小有要求) > Runtime-only:about 6KB lighter min+gzip,but templates (or any Vue-specific HTML) are ONLY allowed in .vue files-render functions are required elsewhere】

2. 进入你安装的那个文件里面，再打开命令行cnpm install 安装完毕后，项目目录下多了node_modules目录（或者利用mklink /j mode_modules "这个node_modules的路径"复制过来了）。

3. 安装插件 cnpm i 插件名。相当于把那个插件的整个文件包括css和js的全部内容放在了node_module里面，然后可以

通过import 插件文件名/插件.css或者import 插件文件名/插件.js来引用啦。

Use ESLint to lint your code? (Y/n) 这个选项处，最好选n，如果选y，项目检查你代码时，会把缩进不规范的都算错误