如何创建一个vue的新项目,用命令行的方式创建
2017-04-10 11:16
639 查看
配置环境:
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的基本环境就可以了。下面开始新建项目
---------------------------------------------------
1,vue init webpack 项目名 。停了以后点enter,大约是点了三次,第四次你可以按下键选择第二个目录。y n n n
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,项目检查你代码时,
会把排版缩进不规范都算错误。如图,
步骤1的图例,点了的那三次enter分别是项目名称、项目描述、项目作者。这三项可以忽略不填,所以就enter下一步了。
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项目用的。)
到这里,vue的基本环境就可以了。下面开始新建项目
---------------------------------------------------
1,vue init webpack 项目名 。停了以后点enter,大约是点了三次,第四次你可以按下键选择第二个目录。y n n n
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,项目检查你代码时,
会把排版缩进不规范都算错误。如图,
步骤1的图例,点了的那三次enter分别是项目名称、项目描述、项目作者。这三项可以忽略不填,所以就enter下一步了。
相关文章推荐
- 如何启动一个程序一附加命令行选项启动(创建进程以命令行附加方式 配置 其他启动项)
- 如何创建一个vue项目
- 如何用命令行创建一个cordova项目(完整示例)
- 如何创建一个vue项目
- Cordova之如何用命令行创建一个项目(完整示例)
- 如何创建一个 vue.js 的项目
- 命令行创建一个vue项目
- cocos2dx 3.1 如何创建一个项目
- 如何在IDEA中创建maven项目,然后把项目所要的依赖整体打成一个jar包
- SOA项目是如何开始的---一个客户和一种方式
- 命令行方式创建maven项目
- Vuex 进阶,创建一个笔记本项目
- Linux有问必答:如何通过命令行创建和设置一个MySQL用户
- 如何在Mac上创建一个cocos2d的项目
- 在liunx中创建启动器(window下的快捷方式) && linux下,如何建立一个“关闭屏幕”的启动器 ?
- IntelliJ IDEA 如何创建一个普通的java项目,及创建java文件并运行
- 如何使用vue-cli创建项目
- 在一个Android项目里面有两个可运行文件,如何实现调用方式
- Java web 开发填坑记 2 -如何正确的创建一个Java Web 项目
- Linux有问必答:如何在命令行创建一个MySQL数据库