NPM包管理工具的安装及使用

      NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,所以安装nodejs即可。

     1、下载nodejs包:https://nodejs.org/en/download/  ,然后安装

     2、安装完成后,检验一下是否安装成功,在CMD的窗口下,

             命令:node  -v  会出现版本 ;命令:npm  -v   会有版本出现,则代表安装成功。

     3、安装了之后需要更新到最新的版本,npm i -g npm to update

           如果需要安装cnpm工具,需要设置路径,命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

    4、安装vue包:cnpm install vue  

         安装vue-cli包,使之命令行可以运行vue:cnpm install --global vue-cli

    5、进入到需要创建项目的目录下:d:
                                                            cd xampp\htdocs
    6、用vue初始化一个webpack 形式的项目:vue init webpack mobileoa   

        
        然后进入项目文件目录下:cd  xampp\htdocs\mobieoa 

        安装项目里面package.json里面的所有的包命令:cnpm install

        安装异步请求axios包:npm install axios --save
                                              npm install vuex  --save

         项目中需要哪些包,可以自己去用命令安装。

        包安装成功后:会出现在package.json  文件中:包括包名称及版本号

                      
                      "dependencies": {
                                    "axios": "^0.17.1",
                                     "vue": "^2.5.2",
                                     "vue-router": "^3.0.1",
                                      "vuex": "^3.0.1"
                        }

    7、执行程序:cmd命令
                              d:
                              cd xampp\htdocs\mobileoa
                              cnpm run start

          项目运行网址:http://localhost:8080

    8、写完项目程序后的打包命令:npm run build      把打包后的dist包传到服务器上面即可。

    9、卸载vue命令:cnpm uninstall vue

你可能感兴趣的:(开发中知识积累)