1.node.js https://nodejs.org/zh-cn /官网
1.1检查nodejs版本node -v
2.NPMNPM(nodepackagemanager ):nodejs软件包管理器，包括安装、卸载、依赖性管理等
npm为你和你的团队打开了连接整个JavaScript世界的大门。 这是世界上最大的软件注册表，每周下载量约为30亿次，包含600000多个软件包(即代码模块)。 来自各大洲的开源软件开发者使用npm相互共享，作为参考。 的结构使您可以轻松跟踪依赖关系和版本。
官方网站：
https://docs.npmjs.com/about-npm英语官方网站
https://www.npmjs.cn/中文官方网站
2.1NPM版本号npm -v的检查
2.2切换淘宝NPM库Nodejs下的包管理器。 Nodejs包含NPM，不需要单独安装。 默认情况下，将资源下载到官方网站后，可以更换为国内镜像
npm config get registry显示当前配置的镜像，结果是默认的海外站点https://registry.npmjs.org/方式1:NPM install-gcn pm-- registry=https://registry
2.3检查是否启用了镜像配置NPM配置列表
3 .安装vue和客户端参数说明注意单词的大小写
-i安装命令，完整拼写：安装- s生产环境、完整拼写--save-D开发环境、完全拼写--save—dev-O选项依赖、完整拼写--- save-optionand
命令： NPM install-g @ vue/CLI-- force可以等待安装完成。
脚手架安装Vue-cli:用户生成Vue工程模板(有助于快速构建Vue的项目。 也就是说，它提供了包含基础依存库的vue的结构。)。
vue-cli:脚手架工具的安装与配置
安装NPMinstallvue-CLI-g#vue-CLI脚手架- -可能很晚，但等几分钟后拆下npmuninstallvue-CLI-g # vue-v # CLI脚手架---vue-v#
为vue项目生成基于vue.js的官方webpack模板：(忽略乱码)
webpack:的主要用途是使用CommonJS语法来准备需要在所有浏览器端发布的静态资源，包括资源整合和打包
vue init webpack jt01 #此处项目名称不能包含大写字符---可能很慢，请稍候
注意： jt01是自定义项目名称
生成项目webpack模板，目录100 m，可以看到内容有多复杂、庞大
node_modules临时目录将自动生成并可以删除。 每次编译、运行时自动生成
启动项目停止项目
cd jt01 #进入项目目录npm run dev #，自动启动服务。 ctrl c必须停止并等待测试访问的注意事项几分钟。 端口号可能不同，默认值为8080。 如果发现端口占用npm，则端口号将自动更改，并基于具体提供的端口信息。
管理HBuilderXVue项目打开Vue项目hbuilderx是最新的前端开发工具之一，全面支持Vue开发，提供了丰富的提示并使用它打开： d :workspace
项目结构
目录结构这个目录结构非常重要，大家都要记住。 如果你要生孩子去妇幼保健院，游泳去游泳馆。 只要确定好各目录的作用，方式和位置就可以统一。 有了这个规则，您就不会乱丢文件，这样您就可以知道在查找资源时在哪里查找，并在编写代码文件时将它们放在为每个功能指定的目录中。 当Maven生成项目目录时，这种情况非常常见，例如存在强制约定，例如在Spring框架中作出比配置更大的约定。
3358www.Sina.com/表示用户访问的页面存储在此目录中。 例如，Index.vue 安装VUE和客户端存储了静态资源，如jquery、css和照片。 http://www.Sina.com/com/是
建一个HelloWorld.vue，我们可以自己添加，如添加Header.vuerouter 访问的路径，Vue提倡的是SPA（Single Page WebApplication）单页面设计，这是以前旧页面中如果包含其他资源，必然涉及到路径问题。Html没有很好的解决这个问题，而router它是一种解决路径的新发明，很好的解决了多模块页面刷新问题。简而言之就是给组件指明一个路径，我们怎么去访问它。不同组件是依靠配置的路径router来访问的。Router非常强大，老系统是url改变是在服务端进行刷新，而router支持在客户端刷新，就是url变化，页面内容变化，但不请求服务器端，以前的程序是做不到的。此处不好理解，后期专门章节论述，不必心急，先记录下这个特点重要文件说明
Vue项目这么多文件，它们什么关系？写代码该从哪里下手呢？
常见操作: 1, 在components里写自定义组件 2, 在App.vue里注册自定义组件 3, 在main.js里引入第三方js
index.html 首页，Vue是SPA单页面开发，页面入口，定义了一个div,并设置id=app
src/main.js 公共的组件就直接配置到这个文件中，私有的就配置到view中
src/App.vue 根组件,可以添加自定义组件
src/router/index.js 引入子组件HellWorld.vue
简单来说项目加载的过程是：
1).如果报错如下
方案1) .删除用户目录下的文件,之后重新安装. (删除文件 不要删除目录)
方案2): 执行卸载命令 npm uninstall -g @vue/cli 之后重新安装
手动创建安装版参考：
https://blog.csdn.net/qq_16804847/article/details/112911057?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163703337116780271591885%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=163703337116780271591885&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2blogfirst_rank_v2~rank_v29-1-112911057.pc_v2_rank_blog_default&utm_term=vue&spm=1018.2226.3001.4450