利用npm启一个vue的项目

1、安装npm

这里有详细的node.js安装方法以及下载地址node.js安装

安裝完成后,在命令行中输入npm –version,显示如下则安装成功

node

2、安装vue

安装完成后可以查看版本号,命令行输入vue –version,显示如下则安装成功

vue-v

问题1:vue不是内部或外部命令…

解决方案:vue配置路径的问题,电脑里搜索vue.cmd=>找到后右键打开文件所在目录=>复制该路径,添加到系统环境变量path路径中

3、安装vue-cli

准备工作结束了,接下来就是正式安装了

4、在工作目录下,创建一个基于webpack模板的新项目

projectname为项目名字,我这里启一个叫new-project的项目,在安装前有很多选项,根据需要回复y或者n,然后回车

安装成功后会显示如下

输入命令cd new-project,进入项目文件夹里面

输入npm run dev,则运行此项目

现在项目就已经启好了,在浏览器界面输入下方地址就可以访问一个初始化页面了。

五、安装插件依赖

上面就是一个空项目,但在项目中可能会用到各种插件,配置等,我把我在安装中出现的困惑点记录下来

5-1、安装插件可全局或者本地安装

5-2、依赖关系

1、直接在package.json中dependencies(生产环境依赖)或者devDepencies中(开发环境依赖)直接写依赖关系,这样就会根据你写的版本进行相应的安装

2 、或者直接指定在哪里面安装依赖关系,npm就会下载最新的并在package.json中自动生成依赖关系

在安装时候还遇到-D和-S指令,两个都可以安装,当时真的是一脸懵逼!

npm install 模块名字 –save   等价于    npm install 模块名字 -S

npm install 模块名字 –save-dev     等价于 npm install 模块名字 -D

5-3 卸载删除模块,一般情况下,要是安装错了,或者安装过程中电脑突然死机了,那你就怎么怎么安装的怎么卸载,然后再重新安装,以防在安装的时候有冲突

总结:如过在安装过程中遇到了一些问题,有可能是安装顺序,或者是安装配置的原因,没有什么是卸载重装解决不了的事情。。。‘

 

欢迎转载,转载需带着文章出处链接~~

发表评论

电子邮件地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据